<!DOCTYPE html>
<html lang="zxx">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <link rel="stylesheet" href="../static/css/bootstrap.min.css">

    <link rel="stylesheet" href="../static/css/meanmenu.css">

    <link rel="stylesheet" href="../static/css/boxicons.min.css">

    <link rel="stylesheet" href="../static/css/odometer.min.css">

    <link rel="stylesheet" href="../static/css/magnific-popup.min.css">

    <link rel="stylesheet" href="../static/css/owl.carousel.min.css">
    <link rel="stylesheet" href="../static/css/owl.theme.default.min.css">

    <link rel="stylesheet" href="../static/css/nice-select.min.css">

    <link rel="stylesheet" href="../static/css/style.css">

    <link rel="stylesheet" href="../static/css/responsive.css">
    <title>主页</title>
</head>
<body>
<div class="loader">
    <div class="d-table">
        <div class="d-table-cell">
            <div class="spinner">
                <div class="rect1"></div>
                <div class="rect2"></div>
                <div class="rect3"></div>
                <div class="rect4"></div>
                <div class="rect5"></div>
            </div>
        </div>
    </div>
</div>

{#顶部导航栏#}
<div class="navbar-area two fixed-top">

    <div class="mobile-nav">
        <a href="/" class="logo">
            <img src="../static/picture/logo.png" alt="Logo">
        </a>
    </div>

    <div class="main-nav">
        <div class="container">
            <nav class="navbar navbar-expand-md navbar-light">
                <a class="navbar-brand" href="/">
                    <img src="../static/picture/logo.png" alt="Logo">
                </a>
                <div class="collapse navbar-collapse mean-menu" id="navbarSupportedContent">
                    <ul class="navbar-nav">
                        <li class="nav-item">
                            <a href="/" class="nav-link dropdown-toggle active">主页</a>
                        </li>
                        <li class="nav-item">
                            {#a标签中href对应的是app.py中的装饰器中的/movie参数#}
                            <a href="/movie" class="nav-link dropdown-toggle">电影Top250</a>
                        </li>
                        <li class="nav-item">
                            <a href="/score" class="nav-link">评分图表</a>
                        </li>
                        <li class="nav-item">
                            <a href="/team" class="nav-link dropdown-toggle">我的团队</a>
                        </li>
                    </ul>
                    <div class="side-nav">
                        <a href="#">Don't point me</a>
                    </div>
                </div>
            </nav>
        </div>
    </div>
</div>


<div class="banner-area three">
    <div class="banner-shape">
        {#<img src="../static/picture/banner-main.jpg" alt="Banner">#}
        <img src="../static/picture/p2159273167.jpg" alt="Banner">
        <img src="../static/picture/banner-shape1.png" alt="Shape">
        <img src="../static/picture/banner-shape11.png" alt="Shape">
        <img src="../static/picture/banner-shape3.png" alt="Shape">
        <img src="../static/picture/banner-shape4.png" alt="Shape">
        <img src="../static/picture/banner-shape5.png" alt="Shape">
        <img src="../static/picture/banner-shape6.png" alt="Shape">
    </div>
    <div class="d-table">
        <div class="d-table-cell">
            <div class="container">
                <div class="banner-text">
                    <h1>村里 <span>最好的</span> 电影评分网站</h1>
                    <p>我们不评价电影，我们只是豆瓣的搬运工</p>
                </div>
            </div>
        </div>
    </div>
</div>


<div class="counter-area three">
    <div class="counter-wrap">
        <div class="container">
            <div class="row">
                <div class="col-6 col-sm-6 col-lg-3">
                    <div class="counter-item">
                        <h3>
                            <span class="odometer" data-count="250">00</span>
                        </h3>
                        <p>经典电影</p>
                    </div>
                </div>
                <div class="col-6 col-sm-6 col-lg-3">
                    <div class="counter-item">
                        <h3>
                            <span class="odometer" data-count="156">00</span>
                        </h3>
                        <p>评分统计</p>
                    </div>
                </div>
                <div class="col-6 col-sm-6 col-lg-3">
                    <div class="counter-item">
                        <h3>
                            <span class="odometer" data-count="5346">00</span>
                        </h3>
                        <p>词汇统计</p>
                    </div>
                </div>
                <div class="col-6 col-sm-6 col-lg-3">
                    <div class="counter-item">
                        <h3>
                            <span class="odometer" data-count="3">00</span>
                        </h3>
                        <p>团队成员</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<footer class="pt-70">
    <div class="container">
        <div class="copyright-area">
            <p>
                Copyright &copy; 2022.Company name All rights reserved.
            </p>
        </div>
    </div>
</footer>


<script data-cfasync="false" src="../static/js/email-decode.min.js"></script>
<script src="../static/js/jquery-3.5.1.min.js"></script>
<script src="../static/js/popper.min.js"></script>
<script src="../static/js/bootstrap.min.js"></script>

<script src="../static/js/form-validator.min.js"></script>

<script src="../static/js/contact-form-script.js"></script>

<script src="../static/js/jquery.ajaxchimp.min.js"></script>

<script src="../static/js/jquery.meanmenu.js"></script>

<script src="../static/js/odometer.min.js"></script>
<script src="../static/js/jquery.appear.js"></script>

<script src="../static/js/jquery.magnific-popup.min.js"></script>

<script src="../static/js/owl.carousel.min.js"></script>

<script src="../static/js/jquery.nice-select.min.js"></script>

<script src="../static/js/thumb-slide.js"></script>

<script src="../static/js/custom.js"></script>
</body>
</html>